<template>
  <div>
    <el-tabs v-model="activeName">
      <el-tab-pane name="UseBarByMonth" :label="$t('analysis.UseBarByMonth')">
      </el-tab-pane>
      <el-tab-pane name="UseBarByYear" :label="$t('analysis.UseBarByYear')">
      </el-tab-pane>
      <el-tab-pane name="UsePieByMonth" :label="$t('analysis.UsePieByMonth')">
      </el-tab-pane>
      <el-tab-pane name="UsePieByYear" :label="$t('analysis.UsePieByYear')">
      </el-tab-pane>
      <el-tab-pane name="MaxBarByMonth" :label="$t('analysis.MaxBarByMonth')">
      </el-tab-pane>
      <el-tab-pane name="MaxBarByYear" :label="$t('analysis.MaxBarByYear')">
      </el-tab-pane>
      <!-- <el-tab-pane name="CustomAnalysis" label="自定义柱状图">
      </el-tab-pane>
      <el-tab-pane name="CustomPie" label="自定义柱饼图">
      </el-tab-pane>
      <el-tab-pane name="DeviceChildrenAnalysis" label="储物仓/用户分析">
      </el-tab-pane> -->
    </el-tabs>
    <div :is="activeName" />
    <!-- <el-menu></el-menu> -->
  </div>
</template>
<script>
  import UseBarByMonth from '@/views/device/analysis/UseBarByMonth.vue';
  import UseBarByYear from '@/views/device/analysis/UseBarByYear.vue';
  import MaxBarByMonth from "@/views/device/analysis/MaxBarByMonth.vue";
  import MaxBarByYear from '@/views/device/analysis/MaxBarByYear.vue';
  import UsePieByMonth from '@/views/device/analysis/UsePieByMonth.vue';
  import UsePieByYear from '@/views/device/analysis/UsePieByYear.vue';
  // import CustomAnalysis from "@/views/device/analysis/CustomAnalysis.vue";
  // import CustomPie from "@/views/device/analysis/CustomPie.vue";
  // import DeviceChildrenAnalysis from '@/views/device/analysis/DeviceChildrenAnalysis.vue';

  export default {
    name: 'AnalysisChart',
    components: {
      UseBarByMonth,
      UseBarByYear,
      MaxBarByMonth,
      MaxBarByYear,
      // YearMaxPie,
      // MonthMaxPie,
      // CustomAnalysis,
      UsePieByMonth,
      UsePieByYear
      // DeviceChildrenAnalysis
    },
    data() {
      return {
        activeName: 'UseBarByMonth',
      }
    }
  }

</script>
